/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */


function selezionaPosto(np){
    var obj1 = document.getElementById("poltrona"+np);
    var postisel = document.getElementById("postiselezionati");
    var temp = postisel.getAttribute("value");
    if(obj1.getAttribute("style")=="background-color:yellow"){
        obj1.removeAttribute("style");
        var poltrone = temp.split(";");
        var tmp="";
        for(a=0;a<poltrone.length;a++){
            if(poltrone[a]!=(np)){
                if(tmp==""){
                    tmp+=poltrone[a];
                }else{
                    tmp+=";"+ poltrone[a];
                }
            }else{
                postisel.removeAttribute("value");
            }
        }
        postisel.setAttribute("value", tmp);
        obj1.setAttribute('style', 'background-color:green');
    }
    else if(obj1.getAttribute("style")== "background-color:green"){
        obj1.removeAttribute("style");
        obj1.setAttribute('style', 'background-color:yellow');
        if(temp==""){
            temp+=np;
        }else{
            temp+=";"+np;
        }
        postisel.removeAttribute("value");
        postisel.setAttribute("value", temp);
    }
    else{
        viewCustomAlert("Il posto selezionato e' gia' prenotato");
    }
    return false;
}

function viewCustomAlert(text){
            var winW = window.innerWidth;
	    var winH = window.innerHeight;
            var dialogoverlay = document.getElementById('dialogoverlay');
	    var dialogbox = document.getElementById('dialogbox');
            dialogoverlay.style.display = "block";
	    dialogoverlay.style.height = winH+"px";
            dialogbox.style.left = (winW/2) - (550 * .5)+"px";
	    dialogbox.style.top = "100px";
	    dialogbox.style.display = "block";
            document.getElementById('dialogboxhead').innerHTML = "ATTENZIONE";
	    document.getElementById('dialogboxbody').innerHTML = text;
            document.getElementById('dialogboxfoot').innerHTML = '<button onclick="hideCustomAlert();return false;">OK</button>';
}

function hideCustomAlert(){
    document.getElementById('dialogbox').style.display = "none";
    document.getElementById('dialogoverlay').style.display = "none";
}

function checkPrenotazione(){
    var posti = document.getElementById("postiselezionati").getAttribute("value");
    if(posti==""){
        viewCustomAlert("Selezionare almeno un posto");
        return false;
    }
    return true;
}